import React from 'react'
import { View, Text, Image,Span } from '@tarojs/components'
import PageWrapper from '@/components/PageWrapper'

import './index.scss'
import {navigateTo} from "@/utils/navigation";

const Page = () => {
  return (
    <PageWrapper title="" showBack backgroundColor="#212121" color="#ffffff" backIcon={require('@/assets/home/back.png')}>
      <View className="my-service-page">
        <View className="my-service"></View>

        <View className="box">
          <View className="share-box">
            <View className="share" onClick={() => navigateTo('/pages/home/invite-coupon/index')}>
            </View>
          </View>



          <View className="coupon-box">
            <View className="tips">无门槛优惠</View>
            <View className="num-box">
              <View className="nums">
                <View className="num">￥<Span>10</Span></View>
                <View className="title">邀请立减</View>
              </View>

            </View>
            <View className="invite-but">
              <Image src={require('../../../assets/home/weixin.png')}/>
              <View className="title">分享给好友</View>
            </View>
            <View className="time" onClick={() => navigateTo('/pages/home/user/index')}>
              距离失效:  11 : 39 : 48 : 59
            </View>
          </View>

          <View className="title-item-box">
            <View className="user-box">
              <View className="user-item">
                <Image src={require('../../../assets/home/invite-user.png')}></Image>
                <View className="name">鉴酒大师</View>
              </View>
              <View className="user-item">
                <Image src={require('../../../assets/home/invite-user.png')}></Image>
                <View className="name">鉴酒大师</View>
              </View>
            </View>
          </View>

          <View className="title-item-box">
            <View className="title-item">说明信息：</View>
            <View className="dsc">
              新人专亭券，老用户不显示 分享赢好券:跳转到分享领券页面 分亭给5位新用户 判定新用户规则:数据下有手机号 分亭者可以获得“分
            </View>
          </View>
        </View>
      </View>
    </PageWrapper>
  )
}

export default Page
